<template>
  <view class="container">
    <view class="swiper-container mb-20">
      <swiper :autoplay="true" :circular="true" :indicator-dots="true"
              :interval="2000"
              class="swiper br-16 overflow">
        <swiper-item v-for="(item,index) in 4" :key="index" class="overflow">
          <view class="swiper-item overflow">
            <cover-image :src="'/static/img/'+(index+1)+'.jpg'" class="br-16 overflow"></cover-image>
          </view>
        </swiper-item>
      </swiper>
    </view>
    <view class="plr-20">
      <uni-notice-bar :showClose="true" background-color="#28b98E" color="#fff" scrollable show-icon
                      text="uni-app 版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。"/>
    </view>
    <view class="plr-20 ">
       <bl-list title="最新消息" :colSpan="12"></bl-list>

       <bl-list title="最新咨询" :colSpan="24" :flexImgSpan="10" :flexContentSpan="14" :show-content="true"></bl-list>

       <bl-list title="最新相册" :colSpan="12"></bl-list>
    </view>
  </view>

</template>

<script>
import blList from '@/components/blList/index.vue'

export default {
  data() {
    return {}
  },
  onLoad() {

  },
  components: {
    blList
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
.container {
  .swiper-container {
    position: relative;

    &::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 80%;
      width: 100%;
      background: #28b98E;
      border-radius: 0 0 20% 20%;
      z-index: -1;
    }

    .swiper {
      height: 400rpx;
      margin: 0 auto;

      .swiper-item {
        height: 400rpx;
        margin: 0 20rpx;
      }
    }
  }
}


</style>
